﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>账号设置</title>

    <!--common-->
    <link href="/resources/src/css/main.css" rel="stylesheet">
    <link href="/resources/src/css/responsive.css" rel="stylesheet">
    <link href="/resources/src/css/setting.css" rel="stylesheet">
</head>
<body class="sticky-header" style="background-color: #f5f8f9;">
    
    <jsp:include page="left-slide.jsp" />
    <div class="main-content">
        <jsp:include page="header-start.jsp" />
        <div class="setting_wrap">
            <div class="title"><span>账号设置</span></div>
            <div class="setting_list">
                <div class="item clearfix agency_head">
                    <div class="s_label">机构头像：</div>
                    <div class="s_content"><img src="//img3.tbcdn.cn/tfscom/TB13UCJKVXXXXaLXpXXSutbFXXX.jpg_100x100.jpg" alt=""></div>
                    <div class="change_head"><i class="iconfont icon-shangchuan" icontip="上传"></i></div>
                </div>
                <div class="item clearfix project_code">
                    <div class="s_label">项目库码：</div>
                    <div class="s_content">
                        <img src="//img3.tbcdn.cn/tfscom/TB13UCJKVXXXXaLXpXXSutbFXXX.jpg_100x100.jpg" alt="">
                        <span class="downLoadCode">（点击下载二维码）</span>
                    </div>
                </div>
                <div class="item clearfix edit_line">
                    <div class="s_label">机构名：</div>
                    <div class="edit_line_txt">微投网</div>
                    <div class="click_icon">
                        <i class="iconfont icon-iconmodify" icontip="修改" data-toggle="modal" data-target="#orgName_btn"></i>
                    </div>
                </div>
                <div class="item clearfix edit_line">
                    <div class="s_label">修改密码：</div>
                    <div class="edit_line_txt">********</div>
                    <div class="click_icon">
                        <i class="iconfont icon-iconmodify" icontip="修改" data-toggle="modal" data-target="#orgPassword_btn"></i>
                    </div>
                </div>
                <div class="item clearfix edit_line">
                    <div class="s_label">绑定邮箱：</div>
                    <div class="edit_line_txt">BP@vchello.com</div>
                    <div class="click_icon">
                        <i class="iconfont icon-iconmodify" icontip="修改" data-toggle="modal" data-target="#orgEmail_btn"></i>
                    </div>
                </div>
                <div class="item clearfix edit_line">
                    <div class="s_label">绑定手机：</div>
                    <div class="edit_line_txt">13400138000</div>
                    <div class="click_icon">
                        <i class="iconfont icon-iconmodify" icontip="修改" data-toggle="modal" data-target="#orgPhone_btn"></i>
                    </div>
                </div>
                <div class="item clearfix edit_line">
                    <div class="s_label">绑定微信：</div>
                    <div class="edit_line_txt">13400138000（未绑定）</div>
                    <div class="click_icon">
                        <span class="unbindWeChat" data-toggle="modal" data-target="#unbindWechat_btn">解绑</span>
                        <i class="iconfont icon-erweima" icontip="绑定微信" data-toggle="modal" data-target="#orgWechat_btn"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>  

    
    <!-- 更改机构名模态框（Modal） -->
    <div class="modal fade" id="orgName_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="model_title">
                    <h4>修改名字</h4>
                    <i class="iconfont icon-shanchu" data-dismiss="modal" aria-hidden="true"></i>
                </div>
                <div class="model_content input_type">    
                    <div class="model_input_line">
                        <label for="orgName">机构名称：</label>                 
                        <input type="text" id="orgName" name="orgName" placeholder="请输入新的机构名称" />
                    </div>
                    <div id="saveOrgName" class="save_btn">保存</div>
                    <div class="error_txt"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- 修改密码模态框（Modal） -->
    <div class="modal fade" id="orgPassword_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="model_title">
                    <h4>修改密码</h4>
                    <i class="iconfont icon-shanchu" data-dismiss="modal" aria-hidden="true"></i>
                </div>
                <div class="model_content input_type">    
                    <div class="model_input_line">
                        <label for="oldPassword">旧密码：</label>                 
                        <input type="text" id="oldPassword" name="oldPassword" placeholder="请输入旧密码" />
                    </div>
                    <div class="model_input_line">
                        <label for="newPassword">新密码：</label>                 
                        <input type="text" id="newPassword" name="newPassword" placeholder="请输入新密码" />
                    </div>
                    <div class="model_input_line">
                        <label for="confirmPassword">确认密码：</label>                 
                        <input type="text" id="confirmPassword" name="confirmPassword" placeholder="请再次输入新密码" />
                    </div>
                    <div id="saveOrgPassword" class="save_btn">保存</div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- 绑定邮箱模态框（Modal） -->
    <div class="modal fade" id="orgEmail_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="model_title">
                    <h4>修改邮箱</h4>
                    <i class="iconfont icon-shanchu" data-dismiss="modal" aria-hidden="true"></i>
                </div>
                <div class="model_content input_type">    
                    <div class="model_input_line">
                        <label for="newEmail">新邮箱：</label>                 
                        <input type="text" id="newEmail" name="newEmail" placeholder="请输入新邮箱" />
                    </div>
                    <div class="model_input_line">
                        <label for="emailCode">验证码：</label>                 
                        <input type="text" id="emailCode" name="emailCode" placeholder="请输入验证码" class="hasCode" />
                        <button class="sendCode">发送验证码</button>
                    </div>
                    <div id="saveOrgEmail" class="save_btn">保存</div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- 绑定邮箱模态框（Modal） -->
    <div class="modal fade" id="orgPhone_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="model_title">
                    <h4>修改手机</h4>
                    <i class="iconfont icon-shanchu" data-dismiss="modal" aria-hidden="true"></i>
                </div>
                <div class="model_content input_type">    
                    <div class="model_input_line">
                        <label for="newPhone">手机号：</label>                 
                        <input type="text" id="newPhone" name="newPhone" placeholder="请输入新手机号" />
                    </div>
                    <div class="model_input_line">
                        <label for="phoneCode">验证码：</label>                 
                        <input type="text" id="phoneCode" name="phoneCode" placeholder="请输入验证码" class="hasCode" />
                        <button class="sendCode">发送验证码</button>
                    </div>
                    <div id="saveOrgPhone" class="save_btn">保存</div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- 绑定微信模态框（Modal） -->
    <div class="modal fade" id="orgWechat_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="model_title">
                    <h4>绑定微信</h4>
                    <i class="iconfont icon-shanchu" data-dismiss="modal" aria-hidden="true"></i>
                </div>
                <div class="model_content wechat_type">    
                    <img src="//img3.tbcdn.cn/tfscom/TB13UCJKVXXXXaLXpXXSutbFXXX.jpg_100x100.jpg" alt="">
                    <div class="bindWeChatTxt">微信扫码绑定账号后，即可在微信管理项目</div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <!-- 解绑微信模态框（Modal） -->
    <div class="modal fade" id="unbindWechat_btn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">                
                <div class="model_content wechat_type" style="padding-bottom: 30px;padding-top: 70px;">    
                    <div class="unbindWeChatTxt">解绑微信后，微信将不再接收项目信息，是否确定解绑微信？</div>
                    <div class="unbind_btn_group clearfix">
                        <div class="cancel_unbindWechat" data-dismiss="modal" aria-hidden="true">取消</div>
                        <div class="confirm_unbindWechat">确定</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.modal -->
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery.nicescroll/3.7.0/jquery.nicescroll.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="/resources/src/js/main.js"></script>
    <script src="/resources/src/js/setting.js"></script>
    
</body>
</html>